import React from "react";
import Category from '@/components/category';
import { categoryData } from './data';
import NavBar from "../../components/navbar/navbar";
import './categoryPage.scss'
import BottomNav from "../bottom/bottomNav";

const CategoryPage = () => {
    return (
        <>
            <div className="seal-category-page" style={{ height: '100%' }}>
                <div className="seal-head seal-top-fixed">
                    <NavBar backIcon={true}>
                    </NavBar>
                </div>

                <div className="seal-body seal-cagtgory-page-body">
                    <Category categoryTree={categoryData} />
                </div>

                <div className='seal-footer'>
                    <BottomNav></BottomNav>
                </div>
            </div>

        </>
    )
}

export default CategoryPage;